/*分类*/
.fenleibox{overflow:hidden;margin:.35rem auto .15rem;;}
.fenleibox ul{width:100%;overflow:hidden;padding:0 .05rem;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: center;}
.fenleibox ul li{width:100%;overflow:hidden;padding:.05rem;float:left;flex-shrink: 1;}
.fenleibox ul li a{display:block;width:100%;height:1.4rem;overflow:hidden;border-radius:.1rem;border:.1rem solid #ccc;background:#fff;position:relative;padding-left:1.7rem;}
.fenleibox ul li .pics{width:1.6rem;position:absolute;left:0;top:0;height:100%;background:#fafafa;}
.fenleibox ul li .pics img{width:100%;height:100%;vertical-align:middle;}
.fenleibox ul li .pics em{font-style:normal;color:#bbb;display:block;text-align:center;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.fenleibox ul li p{width:100%;padding-top:.05rem;height:.35rem;line-height:.3rem;font-weight:bold;}
.fenleibox ul li span{width:100%;height:7.2em;line-height:1.2em;font-size:.12rem;padding-right: .05rem;overflow:hidden;display:block;}
.fenleibox ul .li_1 a{border-color:#6cd9ac;}
.fenleibox ul .li_1 a:hover{color:#6cd9ac;}
.fenleibox ul .li_2 a{border-color:#fcc800;}
.fenleibox ul .li_2 a:hover{color:#fcc800;}
.fenleibox ul .li_3 a{border-color:#ff7f7f;}
.fenleibox ul .li_3 a:hover{color:#ff7f7f;}
.fenleibox ul .li_4 a{border-color:#7bc4f3;}
.fenleibox ul .li_4 a:hover{color:#7bc4f3;}
.fenleibox ul .li_5 a{border-color:#b1a7da;}
.fenleibox ul .li_5 a:hover{color:#b1a7da;}
.fenleibox ul .li_6 a{border-color:#c29ad0;}
.fenleibox ul .li_6 a:hover{color:#c29ad0;}
.fenleibox ul .li_7 a{border-color:#c0d289;}
.fenleibox ul .li_7 a:hover{color:#c0d289;}

@media only screen and (min-width:375px){
.fenleibox ul li span{height:7em;line-height:1.4em;}
}
@media only screen and (min-width:425px){
.fenleibox ul li span{height:6em;line-height:1.5em;font-size:.14rem;}
}
@media only screen and (min-width:475px){
.fenleibox ul li{width:50%;text-align:center;}
.fenleibox ul li a{padding:0 0 .1rem;height:100%;}
.fenleibox ul li a .pics,.fenleibox ul li a .pics img{width:100%;height:auto;position:relative;}
.fenleibox ul li span{height:auto;min-height:4.5em;padding:0 .05rem;}
}
@media only screen and (min-width:640px){
.fenleibox ul li{width:33.33%;}
}
@media only screen and (min-width:992px){
.fenleibox ul li{width:25%;}
}
@media only screen and (min-width:1250px){
.fenleibox ul{padding:.15rem 0 .1rem;}
.fenleibox ul li{padding:.1rem;}
.fenleibox ul li a{border-width:.15rem;}
.fenleibox ul li span{height:6em;}
}

/*products*/
.productbox{overflow:hidden;padding:.2rem .05rem .35rem;}
.productbox .pro_tit{width:100%;padding:0 .05rem .2rem;text-align:center;}
.productbox .pro_tit span{font-family:Arial;color:#aaa;}
.productbox .pro_tit a{display:block;width:2rem;height:.6rem;line-height:.6rem;font-size:.3rem;margin:0 auto;}
.productbox .pro_tit p{padding-top:.25rem ;line-height:.24rem;color:#999;background:url(../images/titico.png) center top no-repeat;}

.productbox .pro_cont{width:100%;overflow:hidden;}
.productbox .pro_cont ul{width:100%;overflow:hidden;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: center;}
.productbox .pro_cont ul li{width:50%;overflow:hidden;padding:.05rem;text-align:center;float:left;flex-shrink: 1;}
.productbox .pro_cont ul li a{width:height:100%;overflow:hidden;display:block;border:1px solid #ddd;padding:.04rem;border-radius:.05rem;background:#fafafa;}
.productbox .pro_cont ul li p{width:100%;overflow:hidden;padding-bottom:100%;position:relative;}
.productbox .pro_cont ul li p img{width:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.productbox .pro_cont ul li span{display:block;width:100%;line-height:2;font-size:.14rem;padding:.05rem 0 .03rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .pro_cont ul li:hover a{border-color:#0c4da1;background:#0c4da1;color:#fff;}

@media only screen and (min-width:475px){
.productbox .pro_cont ul li span{font-size:.16rem;}
}
@media only screen and (min-width:768px){
.productbox .pro_cont ul li{width:33.33%;}
}
@media only screen and (min-width:992px){
.productbox .pro_cont ul li{width:25%;}
}
@media only screen and (min-width:1250px){
.productbox{overflow:hidden;padding:.15rem 0 .5rem;}
.productbox .pro_cont ul li{padding:.1rem;}
}

/*xbanner*/
.xbanner{overflow:hidden;height:2rem;background:url(../images/xbanner.jpg) center no-repeat;text-align:center;color:#fff;padding:.4rem 0;display:none;}
.xbanner p{font-size:.36rem;font-weight:bold;line-height:.6rem;}
.xbanner span{font-size:.18rem;font-family:Arial;line-height:.3rem;}

@media only screen and (min-width:768px){
.xbanner{display:block;}
}
@media only screen and (min-width:992px){
.xbanner p{font-size:.4rem;}
.xbanner span{font-size:.2rem;}
}

/*company*/
.companybox{overflow:hidden;background:#f5f5f5;padding:.2rem .1rem .3rem;}
.companybox.bgfff{background:#fafafa;}
.companybox .jj_tit{width:100%;margin-bottom:.15rem;text-align:center;}
.companybox .jj_tit a{display:block;width:2rem;height:.5rem;line-height:.6rem;font-size:.3rem;margin:0 auto;}
.companybox .jj_tit p{font-size:.18rem;font-family:Arial;color:#999;line-height:.3rem;}

.companybox .cutbox{background:#fff;overflow:hidden;box-shadow: 0 .03rem .05rem rgba(125,125,125,0.2);border-radius:.05rem;}
.companybox .compcont{width:100%;padding:0.15rem;text-align:justify;overflow:hidden;}
.companybox .compcont .text{float:left;width:100%;font-size:.14rem;}
.companybox .compcont .text p{line-height:.24rem;margin-bottom:.05rem;}
.companybox .compcont .tel{float:left;line-height:.4rem;height:.4rem;margin-top:.1rem;padding:0 .25rem;background:#0c4da1;color:#fff;border-radius:.2rem;display:none;}
.companybox .compcont .tel span{font-family:Arial;font-size:.18rem;}
.companybox .pics{width:100%;float:left;overflow:hidden;}
.companybox .pics img{width:100%;vertical-align:middle;}

@media only screen and (min-width:640px){
.companybox .compcont .text{font-size:.16rem;}
}
@media only screen and (min-width:768px){
.companybox{padding:.25rem .1rem .4rem;}
.companybox .cutbox{padding:.05rem;}
.companybox .jj_tit{margin-bottom:.2rem;}
.companybox .compcont{width:50%;float:right;padding:.05rem .05rem 0 .1rem;}
.companybox .pics{width:50%;}
.companybox .pics img{width:105%;}
.companybox .compcont .text{font-size:.14rem;}
}
@media only screen and (min-width:992px){
.companybox .cutbox{padding:.1rem;}
.companybox .pics img{width:100%;}
.companybox .compcont{padding:.05rem .1rem 0 .2rem;}
.companybox .compcont .text{font-size:.16rem;}
.companybox .compcont .text p{line-height:.3rem;}
.companybox .compcont .tel{display:block;}
}
@media only screen and (min-width:1250px){
.companybox{padding:.35rem 0 .5rem;}
.companybox .compcont{padding:.2rem .2rem 0 .3rem;}
.companybox .compcont .tel{margin-top:.35rem;}
}

/*honor*/
.honorbox{overflow:hidden;padding:0.3rem 0;}
.honorbox .zs_tit{width:100%;margin-bottom:0.1rem;text-align:center;}
.honorbox .zs_tit a{display:block;width:2rem;height:0.5rem;line-height:0.6rem;font-size:0.3rem;margin:0 auto;}
.honorbox .zs_tit p{font-size:0.18rem;font-family:Arial;color:#999;line-height:0.3rem;}

.honorbox .cut{width:100%;overflow:hidden;max-height:8rem;}
.honorbox .cutbox ul{width:3rem;margin:auto;}
.honorbox .cutbox ul li{width:2.8rem;float:left;margin:0.1rem;overflow:hidden;text-align:center;position:relative;}
.honorbox .cutbox ul li .pics{width:2.8rem;height:3.8rem;overflow:hidden;display:table-cell;vertical-align:middle;background:#f5f5f5;}
.honorbox .cutbox ul li .pics img{max-width:100%;max-height:3.8rem;vertical-align:middle;}
.honorbox .cutbox ul li p{width:100%;height:3.8rem;overflow:hidden;position:absolute;left:0;top:0;}
.honorbox .cutbox ul li p img{width:100%;height:100%;vertical-align:middle;}
.honorbox .cutbox ul li span{display:none;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height:0.4rem;line-height:0.4rem;background:url(../images/ico2.png);color:#fff;position:absolute;left:0;bottom:-0.4rem;}
.honorbox .cutbox ul li:hover span{bottom:0;}

@media only screen and (min-width:480px){
.honorbox .cutbox{max-height:6.4rem;}
.honorbox .cutbox ul{width:4.8rem;}
.honorbox .cutbox ul li{width:2.2rem;height:3rem;}
.honorbox .cutbox ul li .pics{height:3rem;width:2.2rem;}
.honorbox .cutbox ul li .pics img{max-height:3rem;}
.honorbox .cutbox  ul li p{height:3rem;}
}
@media only screen and (min-width:640px){
.honorbox .cutbox{max-height:8rem;}
.honorbox .cutbox ul{width:6rem;}
.honorbox .cutbox ul li{width:2.8rem;height:3.8rem;}
.honorbox .cutbox ul li .pics{height:3.8rem;width:2.8rem;}
.honorbox .cutbox ul li .pics img{max-height:3.8rem;}
.honorbox .cutbox ul li p{height:3.8rem;}
}
@media only screen and (min-width:720px){
.honorbox .zs_tit{margin-bottom:0.2rem;}
.honorbox .cutbox{max-height:3.2rem;}
.honorbox .cutbox ul{width:7.2rem;}
.honorbox .cutbox ul li{width:2.3rem;height:3.1rem;margin:0.05rem;}
.honorbox .cutbox ul li .pics{height:3.1rem;width:2.3rem;}
.honorbox .cutbox ul li .pics img{max-height:3.1rem;}
.honorbox .cutbox ul li p{height:3.1rem;}
}
@media only screen and (min-width:960px){
.honorbox .cutbox ul{width:9.6rem;}
}
@media only screen and (min-width:1080px){
.honorbox .cutbox{max-height:3.6rem;}
.honorbox .cutbox ul{width:10.8rem;}
.honorbox .cutbox ul li{width:2.5rem;height:3.4rem;margin:0.1rem;}
.honorbox .cutbox ul li .pics{height:3.4rem;width:2.5rem;}
.honorbox .cutbox ul li .pics img{max-height:3.4rem;}
.honorbox .cutbox ul li p{height:3.4rem;}
}
@media only screen and (min-width:1200px){
.honorbox .cutbox{max-height:4rem;}
.honorbox .cutbox ul{width:12rem;}
.honorbox .cutbox ul li{width:2.8rem;height:3.8rem;}
.honorbox .cutbox ul li .pics{height:3.8rem;width:2.8rem;}
.honorbox .cutbox ul li .pics img{max-height:3.8rem;}
.honorbox .cutbox ul li p{height:3.8rem;}
.honorbox .cutbox ul li span{display:block;}
}

/*news*/
.zixunbox{overflow:hidden;background:#f5f5f5;}
.zixunbox .zx_tit{width:100%;margin-bottom:0.2rem;text-align:center;overflow:hidden;}
.zixunbox .zx_tit a{display:block;width:2rem;height:0.5rem;line-height:0.6rem;font-size:0.3rem;margin:0 auto;}
.zixunbox .zx_tit p{font-size:0.18rem;font-family:Arial;color:#999;line-height:0.3rem;}
.zixunbox .zx_tit span{display:none;float:left;width:0.1rem;background:#fcc800;height:0.3rem;overflow:gidden;}

.newsbox{width:100%;overflow:hidden;float:left;padding:0.2rem 0.1rem;}
.newsbox ul li{width:100%;height:0.7rem;float:left;margin-bottom:0.2rem;overflow:hidden;position:relative;}
.newsbox ul li .time{width:0.7rem;height:0.7rem;float:left;background:#0c4da1;text-align:center;color:#fff;font-family:Arial;overflow:hidden;position:absolute;left:0;top:0;border-radius:0.05rem;}
.newsbox ul li .time span{display:block;width:100%;height:0.45rem;line-height:0.3rem;padding-top:0.12rem;font-size:0.3rem;}
.newsbox ul li .time p{width:100%;font-size:0.14rem;}

.newsbox ul li .tit{width:100%;height:0.3rem;line-height:0.24rem;padding-left:0.8rem;}
.newsbox ul li .tit a{width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.newsbox ul li .text{width:100%;overflow: hidden;height:0.4rem;line-height:0.2rem;font-size:0.14rem;color:#666;padding-left:0.8rem;}

/*order*/
.lybox{width:100%;overflow:hidden;float:left;background:url(../images/lybg.jpg) center no-repeat;background-size:cover;padding:0.2rem 0.1rem;}
.lybox .zx_tit{width:100%;margin-bottom:0.2rem;text-align:center;}
.lybox .zx_tit a{color:#fff;}
.lybox .zx_tit p{color:#eee;}

.lybox ul li{width:100%;height:0.38rem;float:left;margin-bottom:0.15rem;overflow:hidden;position:relative;background:#fff;border:0.02rem solid #fff;border-radius:0.03rem;position:relative;}
.lybox ul li span{display:block;width:0.78rem;height:0.34rem;line-height:0.34rem;text-align:center;background:#ccc;color:#fff;float:left;position:absolute;left:0;top:0;}
.lybox ul li input,.lybox ul li .area{display:block;float:left;line-height:0.24rem;}
.lybox ul li .bg{width:100%;height:0.34rem;padding:0.05rem 0.05rem 0.05rem 0.85rem;border:0;}
.lybox ul li.li_2{height:1.48rem;}
.lybox ul li.li_2 span{height:1.44rem;padding:0.55rem 0;}
.lybox ul li .area{width:100%;height:1.34rem;padding:0.05rem 0.05rem 0.05rem 0.85rem;border:0;}
.lybox ul li.code input{width:100%;height:0.34rem;padding:0.05rem 0 0.05rem 0.85rem;border:0;}
.lybox ul li.code img{position:absolute;right:0.15rem;top:0.06rem;cursor:pointer;}
.lybox ul li.code .red{left:auto;right:0;width:0.15rem;color:#f00;background:none;line-height:0.4rem;}
.lybox ul li.li_3{border:0;background:none;height:0.5rem;padding-top:0.05rem;}
.lybox ul li.li_3 p{width:30%;max-width:2rem;height:.38rem;float:left;text-align:center;margin-right:0.15rem;}
.lybox ul li.li_3 p input{width:100%;height:0.38rem;line-height:0.4rem;border:0;background:#ccc;color:#333;border-radius:0.03rem;font-size:0.18rem;}
.lybox ul li.li_3 p.tj input{background:#ffbf00;color:#fff;}

@media only screen and (min-width:768px){
.zixunbox .zx_tit{text-align:left;border-bottom:1px solid #ccc;padding:0.15rem 0;}
.zixunbox .zx_tit span{display:block;}
.zixunbox .zx_tit a{height:0.3rem;line-height:0.28rem;width:auto;padding:0 0.15rem;float:left;font-size:0.28rem;}
.zixunbox .zx_tit p{height:0.3rem;line-height:0.4rem;float:left;}
.newsbox{width:58%;float:left;padding:.2rem .1rem 0;}
.newsbox ul{width:100%;}
.lybox{width:40%;float:right;}
.lybox ul{width:100%;}
}
@media only screen and (min-width:1250px){
.newsbox{width:56%;padding:.35rem 0 0;}
.newsbox ul li .tit{padding-left:.9rem;}
.newsbox ul li .text{padding-left:.9rem;}
.lybox{padding:.35rem .5rem;}
}

/*contact*/
.contactbox{padding:0.3rem 0.1rem;overflow:hidden;width:100%;}
.contactbox .lx_tit{width:100%;margin-bottom:0.2rem;text-align:center;}
.contactbox .lx_tit a{display:block;width:2rem;height:0.5rem;line-height:0.5rem;font-size:0.3rem;margin:0 auto;}
.contactbox .lx_tit p{font-size:0.14rem;color:#666;line-height:0.3rem;}
.contactbox .lx_tit span{font-family:Arial;font-size:0.24rem;line-height:0.36rem;color:#333;display:block;}

.contactbox .lx_cont{width:100%;overflow:hidden;margin:0.2rem auto;}
.contactbox .lx_cont li{width:100%;overflow:hidden;height:0.8rem;margin-bottom:0.1rem;border:1px solid #ccc;position:relative;float:left;background:#fff;padding:0 0.35rem 0 0.9rem;}
.contactbox .lx_cont li img{position:absolute;left:0.35rem;top:0.25rem;}
.contactbox .lx_cont li p{width:100%;color:#333;height:.78rem;display:table-cell;vertical-align:middle;line-height:.24rem;font-family:Arial;font-size:.2rem;}
.contactbox .lx_cont li p span{vertical-align:middle;}
.contactbox .lx_cont .txt1 p{font-size:.16rem;}

.contactbox .lx_ewm{width:100%;max-width:3.5rem;height:1.7rem;margin:0 auto;background:url(../images/ewmbg.png) center bottom no-repeat;text-align:center;background-size:100% auto;}
.contactbox .lx_ewm p{width:1.32rem;height:1.32rem;margin:0 auto;border:1px solid #fff;box-sizing:unset;border-width:0 0.1rem;}
.contactbox .lx_ewm p img{width:1.3rem;height:1.3rem;border:1px solid #ccc;}
.contactbox .lx_ewm span{font-size:0.14rem;clor:#787878;line-height:0.3rem;}

@media only screen and (min-width:480px){
.contactbox .lx_cont{width:4.6rem;}
.contactbox .lx_cont li{padding-left:1.2rem;}
.contactbox .lx_cont li img{left:0.5rem;}
}
@media only screen and (min-width:960px){
.contactbox{padding:0.3rem 0 0.4rem;}
.contactbox .lx_cont{width:9.6rem;margin:0.3rem auto;}
.contactbox .lx_cont li{width:3.1rem;margin:0 0.05rem 0.1rem;padding:0 0.2rem 0 0.7rem;}
.contactbox .lx_cont li img{left:0.25rem;}
}
@media only screen and (min-width:1100px){
.contactbox{padding:0.35rem 0 0.45rem;}
.contactbox .lx_cont{width:10.8rem;}
.contactbox .lx_cont li{width:3.5rem;}
}
@media only screen and (min-width:1200px){
.contactbox .lx_cont{width:12rem;}
.contactbox .lx_cont li{width:3.8rem;margin:0 0.1rem 0.1rem;padding-left:0.9rem;}
.contactbox .lx_cont li img{left:0.35rem;}
}